<!doctype html>

<html>

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" media="screen,print" type="text/css" href="./css/py.css" />
    <script src="./js/jquery.min.3.5.1.js"></script>
    <script src="./js/jQuery.print.min.js"></script>

    <script src="./js/cnchar.min.2.0.9.js"></script>
    <script src="./js/cnchar.poly.min.js"></script>

    <script src="./js/py.js"></script>
</head>

<body>
    <div id="pyTxt">在这里输入汉字： <br />
        <textarea id="content" placeholder="输入" style="width: 96%;" rows="5"></textarea>
        <br /> 
        字体颜色：
        <select id="color">
            <option value="black">黑色</option>
            <option value="red">红色</option>
            <option value="blue">蓝色</option>
            <option value="green">绿色</option>
        </select>
        <input type="button" id="buildPy" value="生成拼音" />
        <input type="button" id="printBt" value="打印" />(打印无田字格时设置<a href="img/py-help-01.png" target="_blank">打印属性</a>
        -> 勾上<a href="img/py-help-02.png" target="_blank">"背景图形"</a>)
        <br /> 
        （双击汉字或拼音可手动修改内容）
    </div>


    <div id="pyShowDiv">
        <dl>
            <dt></dt>
            <dd></dd>
        </dl>
    </div>
</body>

</html>
